@if (_isVisible)
{
    <div class="custom-lock-screen-overlay">
        <div class="custom-lock-screen-modal">
            <div class="custom-lock-screen-content">
                <div class="text-center mb-3">
                    <i class="fa-solid fa-lock fa-3x text-warning"></i>
                    <p class="mt-2">系统已自动锁定，请输入密码解锁</p>
                </div>
                
                <div class="form-group">
                    <input type="password" 
                           class="form-control @(_hasError ? "password-error" : "")" 
                           id="password" 
                           @bind="_password" 
                           @bind:event="oninput"
                           placeholder="@(_hasEmptyError ? "请输入当前用户密码解锁" : (_hasError ? "密码错误，请重新输入" : "请输入当前用户密码解锁"))"
                           @ref="_passwordInput"
                           @onkeypress="HandleKeyPress" />
                </div>
                
                <div class="text-center mt-3">
                    <div class="d-flex justify-content-between">
                        <button class="btn btn-outline-secondary me-2" @onclick="LogoutAsync">
                            <i class="fa-solid fa-sign-out-alt"></i> 退出登录
                        </button>
                        <button class="btn btn-primary" @onclick="UnlockAsync">
                            <i class="fa-solid fa-unlock"></i> 解除锁定
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
}